<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>联系我们</title>
    <link rel="stylesheet" href="./css/animate.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/contact.css">
</head>
<body>
    <div class="header">
        <div class="logo">
            <a href="index.html">
                <img src="http://www.bufantec.com/site/sheying/images/logo.png" alt="">
            </a>
        </div>
        <ul class="nav-list">
            <li class="nav-item">
                <a href="index.html">
                    首页
                </a>
                <span></span>
            </li>
            <li class="nav-item">
                <a href="about.html">
                    关于
                </a>
                <span></span>
            </li>
            <li class="nav-item">
                <a href="photo.html">
                    摄影
                </a>
                <span></span>
            </li>
            <li class="nav-item">
                <a href="news.html">
                    新闻
                </a>
                <span></span>
            </li>
            <li class="nav-item active">
                <a href="contact.html">
                    联系
                </a>
                <span></span>
            </li>
            <li class="nav-item search">
                <img class="cursor" src="http://www.bufantec.com/site/sheying/images/search.png" alt="">
            </li>
        </ul>

    </div>

    <div class="header-m">
        <div class="logo">
            <img src="http://www.bufantec.com/site/sheying/images/logo.png" alt="">
        </div>
        <div class="open-btn">
            <span class="line one"></span>
            <span class="line two"></span>
            <span class="line three"></span>
        </div>

        <ul class="list">
            <li class="item">
            </li>
            <li class="item">
                <a href="index.html">首页</a>
            </li>
            <li class="item">
                <a href="about.html">关于</a>
            </li>
            <li class="item">
                <a href="news.html">新闻</a>
            </li>
            <li class="item">
                <a href="photo.html">摄影</a>
            </li>
            <li class="item">
                <a href="contact.html">联系</a>
            </li>
        </ul>
    </div>

    <div class="contact">
        <div class="title animated bounceInDown">
            <span class="title-en">CONTACT</span>
            <span class="title-cn">联系我们</span>
        </div>
        <div class="info animated bounceInDown">
            <h2>WESTON</h2>
            <p>地址：河南省郑州市金水区南阳路升龙汇金2108<br>
                邮编：450000<br>
                电话：400-887-3482<br>
                手机：1763224789 / 13347699468<br>
                邮箱：37654219@ｑｑ.com<br>
                传真：000-66762390
            </p>
            <img src="http://www.bufantec.com/site/sheying/images/footer2.png" alt="">
        </div>
        <ul class="ipt animated bounceInDown">
            <li>
                <input placeholder="姓名" type="text">
            </li>
            <li>
                <input placeholder="电话" type="text">
            </li>
            <li>
                <input placeholder="邮政" type="text">
            </li>
            <li>
                <input placeholder="内容" type="text" class="long-input">
            </li>
            <a class="update" href="">提交</a>
        </ul>
    </div>
    <script src="./js/jquery-3.5.1.js"></script>
    <script src="./js/common.js"></script>
</body>
</html>